<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>个人博客登录</title>
    <link rel="stylesheet" href="mystyle/login.css">
    <script src="myscript/jquery-3.4.1.js"></script>
</head>
<body class="bg-info">
<div class="background"></div>
<form class="formdiv " method="post" action="index.html">
    <div class="title"><p>Kazin个人博客登录</p>
    </div>
    <div class="inputdiv">
        <p><label for="account">请输入账号（123456）</label>
            <input type="text" id="account" name="account" required autofocus
                   oninput="inputOninput()"
                   value="">
            <span style="visibility: hidden "><em>账号或密码错误，请重新输入</em></span>
        </p>
        <p><label for="password">请输入密码（123456）</label>
            <input style="-webkit-text-security:disc;" id="password" name="password" type="password" required
                   oninput="inputOninput()">
            <span style="visibility: hidden"><em>账号或密码错误，请重新输入</em><i></i></span>
        </p>
        <div style="margin: 10px auto 10px;width: 270px;">
            <div id="drag">
                <div class="drag_bg"></div>
                <div class="drag_text" onselectstart="return false;" unselectable="on">拖动滑块验证</div>
                <div class="handler handler_bg"></div>
            </div>
        </div>
        <div class="register"><a style="float:left;" href="#">点击注册</a>
            <a onclick="feedback()" style="float:right;">无法登录？</a>
        </div>
        <button type="submit" disabled="">登录
        </button>
        <label style="position: relative; margin: 0 auto 0;left: 30px;color: #8d8d8d;">
            <input type="checkbox" name="remember" value="yes" checked>7天内记住登录状态
        </label>
        <script src="./myscript/login.js"></script>
    </div>
</form>
</body>
</html>